'use client'
import Image from 'next/image'
import IconStart from '../../../../../public/start.svg'
import IconChoose from '../../../../../public/choose.svg'
import store from '@/store/index'
import { type module, gptModule } from '@/store/chat'

export default function ModuleCard() {
  return (
    <div className="absolute box-border left-1 top-14 w-72  bg-[#fff] border rounded-md p-2.5 max-h-72 overflow-y-auto">
      <div className="flex text-xs mb-2">
        <span className="text-[#7d7d7d]">模型</span>
      </div>
      {Array.from({ length: 4 }).map((_, index) => {
        return (
          <div className="flex items-center" key={index}>
            <div className="bg-[#ececec] w-8 h-8 rounded-full flex items-center justify-center m-2">
              <Image src={IconStart} className="w-4 h-4" alt="模型" />
            </div>
            <span className="flex-1">ChatGPT 4o</span>
            <Image src={IconChoose} className="w-5 h-5" alt="模型" />
          </div>
        )
      })}
    </div>
  )
}
